<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>扫码支付 - __SITENAME__</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <script src="__DOMAINURL____WEBSITEDIR____PLUGINS__/jQuery/jquery-2.2.3.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
        body {
            background-color: #e0b741;
        }
        p {
            line-height:24px;
            margin:0px;
            padding:0px;
        }
        button {
            width:90%;
            float:left;
            margin-left:5%;
            height:60px;
            border:0;
            background:#0ea20e;
            color:#ffffff;
            border-radius:6px;
            cursor:pointer;
        }
    </style>
</head>
<body>
<div style="background-color:#ffffff;margin:5%;width:90%;float:left;">
    <h3 style="border-bottom:1px dashed #dddddd;text-align:center;font-size:16px;font-weight:normal;padding-bottom:15px;display:block;">截图保存二维码，打开"扫一扫"</h3>
    <img src="{$img}" style="width:80%;margin-left:10%">
    <span style="color:red;margin-left:20px;display:block;font-size:14px;margin-bottom:20px;">
            <p>具体流程：</p>
            <p>1.截图保存二维码</p>
            <p>2.打开"{$pbank}扫一扫",选择从相册中找到刚截图的二维码图片</p>
            <p>3.弹到充值页面输入密码，完成支付</p>
        </span>
</div>
<if condition="$pbank == '微信'">
    <button id="scanQRCode">打开扫一扫</button>
</if>
</body>

<script type="text/javascript">
    var timestamp = "";// 时间戳
    var nonceStr = "";// 随机串
    var signature = "";// 签名
    $(function() {
        $.get("../Oauth2/getSignture", {
            "urls" : location.href
        }, function(res) {
            $.each(res, function(i, v) {
                if ("timestamp" == i.trim()) {
                    timestamp = v;
                }
                if ("nonceStr" == i.trim()) {
                    nonceStr = v;
                }
                if ("signature" == i.trim()) {
                    signature = v;
                }
            });
            wx.config({
                debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId : "{$appId}", // 必填，公众号的唯一标识
                timestamp : timestamp, // 必填，生成签名的时间戳
                nonceStr : nonceStr, // 必填，生成签名的随机串
                signature : signature,// 必填，签名，见附录1
                jsApiList : [ "scanQRCode" ]
                // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });
        });

        $("#scanQRCode").click(function() {
            wx.scanQRCode({
                scanType : [ "qrCode" ], // 可以指定扫二维码还是一维码，默认二者都有
                desc : 'scanQRCode desc'
            });
        });

    });
</script>

</html>